<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/6/10
  Time: 22:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>黄山学院-留学生信息管理系统</title>
    <link rel="stylesheet" href="/css/main_style.css" />
    <link rel="stylesheet" href="/css/vacation.css"/>
    <script src="/js/main_function.js"></script>
    <script>
        function doVacation() {
            Ajax.post("/vacation/apply", formJson("vacation"), function (then) {
                var results = JSON.parse(then);
                if (results.code == "100") {
                    alert(results.msg);
                } else {
                    alert(results.msg);
                }
            });
        }
    </script>
</head>
<body>
<div id="navigation">
    <div class="navigation-left"><img src="/img/school.png" style="width: 170px;height: 60px;"></img></div>
    <div class="navigation-center"><a>申请事假</a></div>
    <div class="navigation-right">
        <div class="drop-menu" style="float:right;">
            <div class="user-menu"></div>
            <div class="drop-menu-content">
                <a href="/logout">注销登录</a>
                <a href="/rePassword">修改密码</a>
            </div>
        </div>
    </div>
</div>
<div id="broadside">
    <div class="broadside-logo">
        <h1>欢迎学生</h1>
        <p>${student_id}</p>
    </div>
    <div class="broadside-menu">
        <p><img src="/img/home.png"/><a href="/student/home">首页</a></p>
        <p><img src="/img/manager.png"/><a href="/student/manager">信息管理</a></p>
        <p><img src="/img/vacation.png"/><a href="/student/vacation">申请事假</a></p>
        <p><img src="/img/scholarship.png"/><a href="/student/scholarship">奖学金申请</a></p>
        <p><img src="/img/message.png"/><a href="/student/message">留言板</a></p>
    </div>
</div>
<div id="content" style="height: 1000px">
    <div class="title">学生事务假期申请表</div>
    <div class="vacation_table">
        <form id="vacation">
            <p>
                <a>开始时间：</a>
                <input type="datetime-local" name="begin_time" value=""/>
            </p>
            <p>
                <a>结束时间：</a>
                <input type="datetime-local" name="end_time" value=""/>
            </p>
            <p>请假事由：</p>
            <textarea name="reason"></textarea>
            <p>到何处去：</p>
            <textarea name="destination"></textarea>
        </form>
    </div>
    <button type="button" onclick="doVacation()">确认提交</button>
</div>
</body>
</html>
